<script setup lang="ts">

</script>

<template>
    <div class="answer-me">
        <div class="answer-icon">
            <img src="../../assets/images/panda.png" alt="">
        </div>
        <div class="me-ques">
            <div class="tis">通过智能形式要件审核助手，完成审核如下：</div>
            <div class="point-out">
                <div class="point-list" v-for="x in 3">四川省失业登记表中的身份证复印件性别不能是农村户口 通过 原因：无</div>
            </div>
            <div class="point-over">
              <div class="p1">形式要件审核要点数量 <span>3</span> | 其中未通过审核数量 <span>0</span> </div>
              <div class="p1">形式要件智能审核建议 <span>通过</span></div>
            </div>
        </div>
    </div>
<!--    <div class="extend">-->
<!--        <div class="e1">该问题关联类型为：单一事项办理需求</div>-->
<!--        <div class="e2">-->
<!--            <div class="e2-list" v-for="x in 4">失业登记</div>-->
<!--        </div>-->
<!--        <div class="e3">-->
<!--            <div class="e3-tit">猜你想问：</div>-->
<!--            <div class="e3-list"><span>我想知道如何申请就业见习</span></div>-->
<!--            <div class="e3-list"><span>我想了解如何申请创业担保贷款</span></div>-->
<!--            <div class="e3-list"><span>我想查询我的社保信息</span></div>-->
<!--        </div>-->
<!--    </div>-->
</template>

<style scoped lang="scss">
.answer-me{
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    .answer-icon{
        width: 30px;
        height: 30px;
        position: relative;
        top:5px;
        img{
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
    }
    .me-ques{
        background-color: white;
        border-radius: 10px;
        padding: 10px;
        margin-left: 10px;
        letter-spacing: 2px;
      .point-out{
        .point-list{
          padding-top: 10px;
          padding-left: 20px;
        }
      }
      .point-over{
        text-align: end;
        padding-top: 20px;
        .p1{
          padding-top: 10px;
          span{
            font-weight: bold;
          }
        }
      }
    }
}
</style>
